﻿/*
	@font-face {
	  font-family: 'Ropa Sans';
	  font-style: normal;
	  font-weight: 400;
	  src: local('Ropa Sans'), local('RopaSans-Regular'), url('http://themes.googleusercontent.com/static/fonts/ropasans/v2/QnguTd82yEUxQZygH2gm8D8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
	}
    font-family:'Ropa Sans';
*/


@media (max-width: 860px) {
    #page
    {
        margin-left:-70px !important;
        margin-right:-70px !important;
    }   
}
@media (max-width: 480px) {
    .form-horizontal .control-label
    {
        text-align:left;
        width:100% !important;
    }
    #page
    {
        margin-left:auto !important;
        margin-right:auto !important;
    }
}

body 
{
padding-top: 0px;
padding-bottom: 7px;
margin:0;
}
 
form {
margin-bottom:0px;
padding-bottom:5px;
}

#logo div
{
background-image:url(/assets/img/logo.png);
background-position:left center;
background-repeat:no-repeat;
height:45px;
}

.round
{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; 
}

/* wizard template styles
-----------------------------------------------------------*/
input[type="radio"].input-validation-error
{
    background-color: #ffeeee;
    outline: 1px solid #ff0000;
}

.form-actions
{
margin-bottom:0px;    
padding:10px 20px 11px;
}

.btn-continue
{
background-image:url(/assets/img/button-continue.png);
background-position:top left;
background-repeat:no-repeat;
width:135px !important;
height:54px !important;
border:none;
background-color:transparent;
color:transparent;
text-indent:-9999px;
font-size:0;
line-height:0;
display:block;
}

.btn-complete
{
background-image:url(/assets/img/button-complete.png);
background-position:top left;
background-repeat:no-repeat;
width:135px !important;
height:54px !important;
border:none;
background-color:transparent;
font-size:0px;
}

.border-top:before, .border-bottom:after{
display: block;
height: 43px;
font-size: 0;
}

.border-top
{
background: url(/assets/img/border-top-mid.png);
background-repeat:repeat-x;
background-position:top;
}
 
.border-top:before {
content: url(/assets/img/border-top-left.png);
background: url(/assets/img/border-top-right.png) no-repeat 100% 0;
display: block;
height: 43px;
font-size: 0;
}

#header {
border-bottom:3px solid white;
line-height:8.75em;
}

#header .span10 {
background: url(/assets/img/header-left.png) no-repeat 100% 0;
background-position:left top;
margin-right:0px;
background-color:#0096FF;
height:100%;
}


#header .span10 div {
background: url(/assets/img/header-right.png) no-repeat 100% 0;
background-position:right top;
margin-left:0px;
text-align:center;
padding-top:0px;
overflow:hidden;
height:100%;
}

#header-title
{
    
border:0px solid red;
height:100%;
}

#header-title img
{
width:90%;max-width:575px;
}

#transition
{
top:-3px;
margin-bottom:-80px;
height:80px;
position:relative;   
text-align:center; 
width:100%; 
border:0px solid red; 
z-index:1000;
overflow:hidden;
background-image:url(/assets/img/header-arrow-medium.png);
background-repeat:no-repeat;
background-position:top center;
}

#transition-right
{
top:-3px;
margin-bottom:-80px;
height:80px;
position:relative;   
text-align:center; 
width:80%; 
border:0px solid red; 
z-index:1000;
overflow:hidden;
background-image:url(/assets/img/header-arrow-medium.png);
background-repeat:no-repeat;
background-position:top right;
}

#content-outer {
  background: url(/assets/img/border-left.png) no-repeat 100% 0;
  background-position:left top;
  min-height:400px;
  padding-left:45px;
}

#content-inner {
  background: url(/assets/img/border-right.png) no-repeat 100% 0;
  background-position:right top;
  min-height:400px;
  padding-right:45px;
}

.border-bottom
{
  background: url(/assets/img/border-btm-mid.png);
   background-repeat:repeat-x;
   background-position:bottom;
}
.border-bottom:after {
  content: url(/assets/img/border-btm-left.png);
  background: url(/assets/img/border-btm-right.png) no-repeat 100% 0;
  display: block;
  height: 35px;
  font-size: 0;
}

.results-message
{   
   height:75px;
   background: url(/assets/img/results-bg.png);
   background-repeat:no-repeat;
   background-position:center top;
   text-align:center;
   font-size:18px;
   padding-top:20px;
   margin:20px 0 -10px 0;
   position:relative;
   z-index:999;
   cursor:default;
}

.results-message u 
{
color:#ee0000;    
}


#footer
{
text-align:center;
}

#footer p
{
margin-top:15px;
font-size:12px;
color:#666666;
text-align:center;
}

#footer p a
{
margin-right:25px;
}

.wizard-section-title
{
color:#0096FF !important;    
}

.wizard-section-sub-title
{
background-color:#0096FF;    
color:#ffffff;
padding:10px;
margin-top:0px;    
margin-bottom:10px;    
}

.control-group-divider
{
border-bottom:1px solid #eeeeee;
padding-bottom:10px; 
padding-top:10px; 
margin-bottom:0px !important;
}

.control-group-divider:last
{
border-bottom:3px solid red;
}

.control-group
{
padding-bottom:10px; 
padding-top:10px; 
margin-bottom:0px !important;
}
.control-label
{
width:35% !important;
margin-right:25px !important;
height:100% !important;
}

.controls
{
margin-left:inherit !important;    
}

.controls input[type='radio'], .controls input[type='checkbox']
{
position:relative;
top:2px;
}

.controls span
{
position:relative;
top:5px;
}

legend + .control-group 
{
  margin-top: 0px !important;
}

legend 
{
color:#777777;
border-bottom:2px solid #eeeeee;
margin-bottom:14px;
}

.breadcrumb-active
{
color:#0096FF;
}

/* flash lp styles 
-----------------------------------------------------------*/
.lp-flash
{
}

.lp-flash-area 
{
text-align:center;
margin-top:-5px;
margin-bottom:-10px;
}

/* styles for index
-----------------------------------------------------------*/

.divider
{
border-bottom:1px solid #eeeeee;
}

.zip-large
{
padding:15px;
font-size:40px;
width:40px;
text-align:center;
}

/* styles for validation helpers
-----------------------------------------------------------*/

.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}



.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(../images/?new=eeeeee&w=1&h=100&f=png&q=100&fltr[]=over|textures/03_highlight_soft.png|0|0|100) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(../images/?new=f6a828&w=500&h=100&f=png&q=100&fltr[]=over|textures/12_gloss_wave.png|0|0|35) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

.credit p
{
margin-bottom:20px;    
}
.credit
{
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; 
background-color:#f7f7f7;
padding:43px 70px 40px 70px;
border:3px solid #cccccc;

border-top-left-radius: 0px;
border-top-right-radius: 0px;
background-image:url(../img/bg-striped.png);
}

.clear-inner-body-template
{
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; 
background-color:#ffffff;
padding:25px 40px 40px 40px;
border:0px solid #cccccc;
}

.clear-outer-body-template
{
padding:12px 12px 0px 12px;
border:0px solid #cccccc;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px; 
border-top-left-radius: 0px;
border-top-right-radius: 0px;
background-color:#0096ff;
background: -moz-linear-gradient(top center, #005892, #0096ff); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #005892), color-stop(1.00, #0096ff)); 
background: -ms-linear-gradient(top center, #0096ff, 0096ff); 
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#005892', endColorstr='#0096ff'); /* IE6 & IE7 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#005892', endColorstr='#0096ff')"; /* IE8 */ 
}


.clear-body-bottom-template
{
background-color:#0096ff;
height:12px;
padding:0px;
border:0px solid #cccccc;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; 
border-top-left-radius: 0px;
border-top-right-radius: 0px;

}